<div class="order">
    <el-form :inline="true" :model="searchForm" class="demo-form-inline" label-width="100px" style="width: 100%;">
        <el-form-item size="mini" label="支付宝ID">
            <el-input v-model="searchForm.LIKE_userId" placeholder="支付宝ID" suffix-icon="el-icon-tickets"></el-input>
        </el-form-item>
        <el-form-item size="mini" class="label" label="状态">
            <el-col>
                <el-select v-model="searchForm.EQ_isDelete" placeholder="状态">
                    <el-option label="所有" value=""></el-option>
                    <el-option label="启用" value="false"></el-option>
                    <el-option label="停用" value="true"></el-option>
                </el-select>
            </el-col>
        </el-form-item>
        <el-form-item size="mini">
            <el-col tag="span" style="width: 100px;text-align: right">
                <el-button size="mini" type="primary" label="right" @click="onSubmit()">查询</el-button>


            </el-col>
        </el-form-item>
        <el-form-item size="mini" v-if="checkPermission('lifeManager')">
            <el-col tag="span" style="width: 100px;text-align: right">
                <el-button size="mini" type="primary" label="right" @click="openAdd()">增加</el-button>
            </el-col>
        </el-form-item>
    </el-form>
    <div>

    </div>
    <el-table :data="tableData" class="font12" cell-style="padding:7px" border=true style="width: 100%;margin-top: 10px"
        fit=false stripe=true>
        <el-table-column class="gutter" align="center" label="序号" width="80px">
            <template scope="scope">
                <div class="font12" style="text-align: center">
                    {{scope.$index+(pageInfo.currentPage - 1) * pageInfo.pageSize + 1}}
                </div>
            </template>
        </el-table-column>

        <el-table-column class="gutter" prop="payerLogonId" align="center" label="支付宝账号">
        </el-table-column>
        <el-table-column class="gutter" prop="userId" align="center" label="支付宝ID">
        </el-table-column>
        <el-table-column class="gutter"  align="center" label="状态">
                <template scope="scope">
                        <div class="font12" style="text-align: center">
                            {{scope.row.isDelete?"停用":"启用"}}
                        </div>
                    </template>
            </el-table-column>
        <el-table-column class="gutter" prop="orderNo" align="center" label="订单号">
        </el-table-column>
        <el-table-column class="gutter" prop="createdAt" align="center" label="创建时间">
        </el-table-column>
        <el-table-column class="gutter" prop="createdBy.name" align="center" label="创建人">
        </el-table-column>


        <el-table-column class="gutter" align="center" label="操作">
            <template slot-scope="scope">
                <el-button  v-if="checkPermission('lifeManager')&&!scope.row.isDelete" @click="deleteBlack(scope.row,'0')" type="text" size="small">停用</el-button>
                <el-button v-if="checkPermission('lifeManager')&&scope.row.isDelete" @click="deleteBlack(scope.row,'1')" type="text" size="small">启用</el-button>

            </template>
        </el-table-column>
    </el-table>
    <div class="marginT10 center">
        <el-pagination background layout="prev, pager, next" @current-change="handleCurrentChange"
            :page-size="pageInfo.pageSize" :total="pageInfo.totalPage" :pager-count="5"
            :current-page="pageInfo.currentPage">
        </el-pagination>
    </div>
    <el-dialog title="新增黑名单用户" :visible.sync="addDialog" width="800px">
        <el-form :inline="true" :model="addForm" class="demo-form-inline" label-width="100px" style="width: 100%;">
            <el-form-item size="mini" label="订单号">
                <el-input v-model="addForm.orderNo" placeholder="支付宝ID" suffix-icon="el-icon-tickets"
                    style="width:300px;"></el-input>
            </el-form-item>
            <el-form-item size="mini">
                <el-col tag="span" style="width: 100px;text-align: right">
                    <el-button size="mini" type="primary" label="right" @click="query()">查询</el-button>
                </el-col>
            </el-form-item>
        </el-form>
        <div>
        </div>
        <el-table :data="orderTableData" class="font12" cell-style="padding:7px" border=true
            style="width: 100%;margin-top: 10px" fit=false stripe=true>
            <el-table-column class="gutter" prop="aOrderName" align="center" label="支付宝账号">
            </el-table-column>
            <el-table-column class="gutter" prop="aOrderBuyerId" align="center" label="支付宝ID">
            </el-table-column>
            <el-table-column class="gutter" prop="orderNo" align="center" label="订单号">
            </el-table-column>
            <el-table-column class="gutter" prop="aOrderName" align="center" label="收货人">
            </el-table-column>
            <el-table-column class="gutter" prop="orderPhone" align="center" label="联系电话">
            </el-table-column>
            <el-table-column class="gutter" prop="orderAddress" align="center" label="收货地址">
            </el-table-column>
            <el-table-column class="gutter" prop="orderApplyTime" align="center" label="申请时间">
            </el-table-column>


            <el-table-column class="gutter" align="center" label="操作">
                <template slot-scope="scope">
                    <el-button @click = "add()"type="text" size="small">添加</el-button>

                </template>
            </el-table-column>
        </el-table> 
    </el-dialog>

</div>